<template>
	<view class="home">
		<view class="box_list" hover-class="avbox_list" v-for="(i,index) in listData" :key="index" @click="showFn(i.text)">
			<view class="imf_pdd">
				<image class="img" :src="i.icon" mode=""></image>
			</view>
			<view class="text">
				{{i.text}}
			</view>
		</view>
		<view class="banebn">
			{{this.showToasttet}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showToasttet:'',
				listData: [
					{
						text:'账户管理',
						icon:require('@/static/zhangku.png')
					},
					{
						text:'系统设置',
						icon:require('@/static/celiang.png')
					},
					{
						text:'使用说明',
						icon:require('@/static/shiyongshuom.png')
					},
					{
						text:'技术文档',
						icon:require('@/static/jishu.png')
					},
					{
						text:'故障报修',
						icon:require('@/static/guzhang.png')
					},
					
					{
						text:'用户协议',
						icon:require('@/static/yonghux.png')
					},
					{
						text:'隐私政策',
						icon:require('@/static/yins.png')
					},
					{
						text:'版本升级',
						icon:require('@/static/shengji.png')
					},
					{
						text:'联系方式',
						icon:require('@/static/lianxi.png')
					}
				]
			}
		},
		onLoad(option) {

		},
		methods: {
			showFn(i){
				if(i == '版本升级'){
					uni.navigateTo({
						url: '/pages/index/renewal'
					});
				}
				if(i == '技术文档'){
					uni.navigateTo({
						url: '/pages/feature/show?id=' + i
					});
				}
				if(i == '使用说明'){
					uni.navigateTo({
						url: '/pages/feature/show?id=' + i
					});
				}
				if(i == '故障报修'){
					uni.navigateTo({
						url: '/pages/feature/show?id=' + i
					});
				}
				if(i == '联系方式'){
					uni.navigateTo({
						url: '/pages/feature/test?id=' + i
					});
				}
			}
		}
	}
</script>
<style scoped lang="less">
	.home {
		padding: 30rpx;

		.box_list {
			padding: 10rpx;
			display: flex;
			align-items: center;
			// justify-content: space-between;
			border-radius: 30rpx;
			background-color: rgba(150, 177, 202, 0.1);
			border: 3rpx solid #000000;
			margin-bottom: 20rpx;

			.imf_pdd {
				padding: 10rpx;
				border-radius: 30rpx;
				// background-color: #fff;

				.img {
					width: 70rpx;
					height: 70rpx;
				}
				// background-color: #686868;
			}

			.text {
				width: 550rpx;
				font-size: 50rpx;
				text-align: center;
				color: #000;
				// background-color: #aaffff;
			}

		}
		.avbox_list {
		background-color: rgba(150, 177, 202, 0.3);
		}
		.banebn {
			color: #686868;
			text-align: center;
		}
	}
</style>
<style>
	page {
		background-color: #f8f8f8;
	}
</style>